body,html {
    margin:0px auto;
    padding:0px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

a {
	cursor:pointer;
}

div.row {
    margin-top:10px;
}

div.btn-row {
    margin-top:10px;
}

div.btn-row button.btn {
    margin-left:5px;
}

div.row button.btn {
    margin-left:5px;
}

div.btn-row-right {
	float:right;
	padding-right:20px;
}

div.btn-row-right button.btn {
    margin-right:5px;
}

span.mand {
    color: red;
    padding-right:5px;
    font-weight:bolder;
}

span.editable {
    font-size:18px;
    color:blue;
}

.checkbox {
    text-align:left;
    text-indent: 10px;
}

.checkbox-inline{
}

.form-horizontal span.control-label {
	text-align:left;
}

.form-horizontal a.control-label {
	text-align:left;
}

.form-horizontal label.control-label {
    font-weight: normal;
}

.form-horizontal span.control-label-right {
	text-align:right !important;
}

.form-horizontal a.control-label-right {
	text-align:right !important;
}

.form-horizontal label.control-label-right {
    text-align:right !important;
}

.form-horizontal span.control-label-center {
	text-align:center !important;
}

.form-horizontal a.control-label-center {
	text-align:center !important;
}

.form-horizontal label.control-label-center {
    text-align:center !important;
}


span.control-label {
	text-align:left; 
}

a.control-label {
	text-align:left;
}

label.control-label {
    font-weight: normal;
}

span.control-label-right {
	text-align:right !important;
}

a.control-label-right {
	text-align:right !important;
}

label.control-label-right {
    text-align:right !important;
}

span.control-label-center {
     text-align:center !important;
 }

a.control-label-center {
    text-align:center !important;
}

label.control-label-center {
    text-align:center !important;
}

span.control-label-left {
    text-align:left !important;
}

a.control-label-left {
    text-align:left !important;
}

label.control-label-left {
    text-align:left !important;
}

/** tab鏍峰紡 */
div.tab-hw-default {
    position: relative;
    background-color: #fff;
}

div.tab-hw-default > ul.nav-tabs {
    height:50px;
    line-height:50px;
    border:1px solid #e4e4e4;
}

div.tab-hw-default > ul.nav-tabs > li {
    height:48px;
    font-size:16px;
    border: 1px solid #fff;
    border-right:1px solid #e4e4e4;
    border-top:3px solid #fff;
    border-radius: 0px;
    min-width:90px;
    text-align:center;
}

div.tab-hw-default > ul.nav-tabs > li.active {
    border-top:3px solid #f4715b;
    border-radius: 0px;
}

div.tab-hw-default > ul.nav-tabs > li > a {
    line-height:24px;
    color:#616e7f;
    border-radius: 0px;
    border:none;
    margin-right:0px;
}

div.tab-hw-default > ul.nav-tabs > li.active > a {
    border-radius: 0px;
    border:none;
    color:#f4715b;
}


div.tab-hw-default > ul.nav-tabs > li > a:hover {
    background-color:#fff;
    color:#f4715b;
}

div.tab-hw-default > div.tab-content {
    border:1px solid #e4e4e4;
    border-top:none;
    padding:5px;
}

/** 妯嚎閫夐」鍗� */
div.tab-hw-line {
    position: relative;
    background-color: #fff;
}

div.tab-hw-line > ul.nav-tabs {
    height:30px;
    line-height:30px;
    border-bottom:1px solid #e4e4e4;
}

div.tab-hw-line > ul.nav-tabs > li {
    height:30px;
    font-size:14px;
    border: none;
    border-radius: 0px;
    min-width:70px;
    text-align:center;
}

div.tab-hw-line > ul.nav-tabs > li.active {
    border-bottom:3px solid #85d22a;
    border-radius: 0px;
}

div.tab-hw-line > ul.nav-tabs > li > a {
    padding:0px;
    color:#616e7f;
    border-radius: 0px;
    border:none;
    margin-right:0px;
    margin-top:5px;
}

div.tab-hw-line > ul.nav-tabs > li.active > a {
    border-radius: 0px;
    border:none;
    color:#616e7f;
}

div.tab-hw-line > ul.nav-tabs > li > a:hover {
    background-color:#fff;
    color:#616e7f;
}

div.tab-hw-line > div.tab-content {
    border:none;
    padding:5px;
}

/** Panel鏍峰紡 */
div.panel-hw-default {
    border-radius: 0px;
    box-shadow: none;
}

div.panel-hw-default > div.panel-heading {
	padding:0px;
    height:40px;
    line-height:40px;
    border-bottom:1px solid #e4e4e4;
    background-color: #fff;
}

div.panel-hw-default > div.panel-heading > div.panel-heading-left {
    height:40px;
    line-height:40px;
}

div.panel-hw-default > div.panel-heading > div.panel-heading-left > h3 {
    font-size:16px;
    line-height:40px;
    text-indent:10px;
}

/**閾炬帴鏍峰紡*/
a.link-hw-default {
    color:#f4715b;
}

/** DataBox鏍峰紡 */
div.control-databox {
    overflow:hidden;
    line-height:34px;
    padding:0px;
}

div.control-databox > span.databox-item {
    display: inline;
    color:#666;
    background-color: #fcfefc;
    padding:5px;
    border:1px solid #e4e4e4;
    margin-left:5px;
    cursor:pointer;
}

div.control-databox > span.databox-item:hover {
    background-color: #f1f1f1;
}

div.control-databox > span.databox-item-active {
    background-color: #f4715b;
    color:#fff;
}

div.control-databox > span.databox-item-active:hover {
    background-color: #f4715b;
    color:#fff;
}

div.control-databox > span.databox-item-disable {
    background-color: #fcfefc;
    color:#ccc;
    cursor:default;
}

div.control-databox > span.databox-item-disable:hover {
    background-color: #fcfefc;
    color:#ccc;
    cursor:default;
}

/** ComponentDataGrid澶嶉�夋牱寮� */
label.table-checkbox {
    width:30px;
    position:absolute;
    left:8px;
    top:10px;
}

/** 娑堟伅鏍峰紡 */
div.message{
    position:absolute;
    display:none;
    border:0px solid #fff;
    width:350px;
    height:180px;
    background-color:#08bcea;
    bottom:0px;
    right:5px;
    z-index:99999;
}

.message div.messagetitle {
    position:absolute;
    border:0px solid #fff;
    width:350px;
    height:25px;
}

.message .messagetitle img.micon {
    position:absolute;
    width:16px;
    height:16px;
    left:10px;
    top:5px;
}

.message .messagetitle span.mtitle {
    position:absolute;
    color:#fff;
    font-size:12px;
    font-weight:bolder;
    left:30px;
    top:8px;
}

.message .messagetitle img.mclose {
    position:absolute;
    width:15px;
    height:15px;
    right:10px;
    top:5px;
    cursor:pointer;
}

.message div.messagecontent {
    position:absolute;
    overflow:auto;
    overflow-x:hidden;
    border:0px solid #fff;
    width:340px;
    height:150px;
    left:5px;
    top:25px;
    background-color:#fff;
}

.message .messagecontent img.cicon{
    position:absolute;
    left:140px;
    top:8px;
    width:16px;
    height:16px;
}

.message .messagecontent span.ctitle{
    position:absolute;
    left:160px;
    top:10px;
    font-size:13px;
    font-weight:bolder;
    color:#ef6b00;
}

.message .messagecontent span.cbody{
    position:absolute;
    left:10px;
    top:40px;
    text-indent:12px;
    font-size:13px;
}

.message span.showtime{
    position:absolute;
    right:15px;
    top:30px;
    color:red;
    font-size:14px;
    font-weight:bolder;
    z-index:10;
}

div.contloading {
    position: absolute;
    background-color: #eee;
    opacity: 0.8;
    z-index:99997;
}

div.loading {
    border:1px solid #999;
    font-size:12px;
    color:#06c;
    position: absolute;
    height:30px;
    line-height: 30px;
    background: url("/public.common/webapi/images/common/loading.gif") left no-repeat;
    padding-left:30px;
    background-color:#fff;
    border-radius: 5px;
    z-index:99998;
}

div.control-input {
	line-height:34px;
}

/** custom鏍峰紡 */
div.custom-design {
    background-color: #eaebee;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:move;
}

div.custom-design div.custom-addbtn {
    margin-top:5px;
    width:100%;
    height:30px;
    text-align: center;
    font-size:14px;
    cursor:pointer;
    color:#7ed321;
    background-color: #fff;
    border:1px solid #ddd;
    padding-top:4px;
}

div.custom-design div.custom-addbtn span.custom-addbtn-icon {
     height:16px;
     padding-left:20px;
     background: url(/public.common/webapi/images/custom/add.png) left no-repeat;
 }

div.custom-design div.custom-addbtn:hover {
    background-color: #82D12C;
    border:1px solid #7ed321;
    color:#fff;
}

div.custom-design div.custom-addbtn:hover span.custom-addbtn-icon{
    background: url(/public.common/webapi/images/custom/add_hover.png) left no-repeat;
}

div.custom-design div.custom-comp {
    position:relative;
    overflow:hidden;
}

div.custom-design div.custom-comp-mask {
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    opacity: 0.8;
    background-color: #fff;
    z-index:1000;
    curson:pointer;
    border:1px solid #0077FF;
}

div.ui-sortable-helper div.custom-comp-mask {
    background-color: #bacace !important;
}

div.ui-state-highlight {
    background-color: #007799;
}

div.custom-design div.custom-comp-text {
    position:absolute;
    left:5px;
    height:30px;
    line-height: 30px;
    color:#ef5350;
}

div.custom-design div.custom-comp-handler {
    margin-top:5px;
    position:relative;
    height:30px;
}

div.custom-design div.custom-comp-icon {
    width:38px;
    height:38px;
    cursor:pointer;
    float:right;
    margin-right:5px;
}

div.custom-design div.custom-comp-setting {
    background: url(/public.common/webapi/images/custom/setting.png) center no-repeat;
}

div.custom-design div.custom-comp-debug {
    background: url(/public.common/webapi/images/custom/debug.png) center no-repeat;
}

div.custom-design div.custom-comp-remove {
    background: url(/public.common/webapi/images/custom/delete.png) center no-repeat;
}

div.widget-load-item {
    width:100%;
    height:100%;
    border:1px solid #e4e4e4;
    background-color: #fff;
    background: url("/public.common/webapi/images/common/loading.gif") center no-repeat;
}

div.widget-load-item > span.widget-load-item-text {
    display: block;
    line-height: 20px;
    font-size:14px;
    height:30px;
    padding:5px;
}

.gridster ul {
    list-style-type: none;
}

.gridster {
    margin: 0 auto;
    opacity: .8;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    -ms-transition: opacity .6s;
    transition: opacity .6s;
}

.gridster .player {
    background: #BBB;
}

.gridster .preview-holder {
    border: none!important;
    background: #004756!important;
}

